<template>
  <div>
    <el-collapse v-model="activeNames" accordion class="finance-collapse">
      <el-collapse-item name="1">
        <template slot="title">
          <span style="font-size: 20px;color:#1989fa;">基金<i class="iconfont icon-jijin"></i></span>
        </template>
        <finance-table-fund></finance-table-fund>
      </el-collapse-item>
      <el-collapse-item>
        <template slot="title">
          <span style="font-size: 20px;color:#1989fa;">黄金<i class="iconfont icon-gold"></i></span>
        </template>
        <finance-table-sge></finance-table-sge>
      </el-collapse-item>
      <el-collapse-item>
        <template slot="title">
          <span style="font-size: 20px;color:#1989fa;">股票<i class="iconfont icon-gupiao-copy"></i></span>
        </template>
        <finance-table-stocks></finance-table-stocks>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
import FinanceTableStocks from "@/components/finance/finance-table-stocks";
import FinanceTableFund from "@/components/finance/finance-table-fund";
import FinanceTableSge from "@/components/finance/finance-table-sge";

export default {
  name: "Finance",
  components: {FinanceTableSge, FinanceTableFund, FinanceTableStocks},
  data() {
    return {
      activeNames: ['1']
    }
  }
}
</script>

<style scoped>
</style>
